<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form name="f1">
      <p>
        gender
        <input type="radio" name="gender" value="1" checked /> boy
        <input type="radio" name="gender" value="2" /> girl
      </p>

      <button type="button" name="submitBtn">提交</button>
    </form>
    <script>
      const f1 = document.f1;
      f1.submitBtn.onclick = function () {
        // 获取 多个单选对象集合，集合中value属性保存了被选中项的value值
        // console.log(f1.gender.value);
        // 设置 对集合对象属性的value进行设置，设置的值必须是已知的value值，被设置的value值会被选中
        f1.gender.value = "2";
      };
    </script>
  </body>
</html>
